<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        表格
            表格标签（最外侧容器）table 
            表格标题caption
            行tr
            表头th
            单元格td
        注意：
            1、表格默认没有边框，若想添加则需要配合border属性
            2、默认宽度由内容撑开，若想设置宽度需要配合width属性
            3、默认高度由内容撑开，若想设置高度度需要配合height属性
            4、表头元素默认水平居中，其他单元格元素默认水平居左
            5、水平方向对齐方式align属性实现，取值left、right、center
                (应用元素：
                    【1】应用到table表格为表格整体水平对齐方式
                    【2】应用到tr为整行元素水平对齐方式
                    【3】应用到th、td为单个表头或单个单元格水平对齐方式
                )
            6、垂直方向对齐方式valign属性实现，取值top、middle、bottom
                （应用元素：
                    【1】应用到table无效
                    【2】应用到tr、th、td均奏效，则给对应元素添加相应样式 
                ）
            7、边框颜色：默认黑色，若想自定义则配合bordercolor即可
                (应用元素：
                    【1】只有应用到table表格的时候才会奏效
                    【2】tr、th、td元素上使用bordercolor属性均无效
                )
            8、背景色：默认透明transparent，若想自定义需要配合bgcolor使用
                （应用元素：
                    【1】table、tr、th、td均可以使用
                    【2】使用到不同元素时则给对应元素添加相应样式    
                ）
            9、单元格间隙cellspacing（细胞间的间距--单元格可以视为一个细胞）
                清除单元格间隙cellspacing=0即可清除间隙
            10、单元格边框距离内容的间隙cellpadding（细胞填充物-细胞质--单元格可以视为一个细胞）
                cellpadding=40则表示细胞核距离细胞膜间隙为40，撑开了单元格
    -->
    <!-- 表格容器 -->
    <table border="1" width="600" bordercolor="green" bgcolor="red" cellspacing="0" cellpadding="100">
        <!-- 表格标题 -->
        <caption>特色小吃</caption>
        <!-- 行 -->
        <tr>
            <th align="left" valign="bottom">煎饼1</th><!-- 表头 -->
            <th>煎饼2</th><!-- 表头 -->
            <th align="right" valign="top">煎饼3</th><!-- 表头 -->
        </tr>
        <!-- 行 -->
        <tr align="center">
            <td>1张</td><!-- 单元格 -->
            <td>2张</td><!-- 单元格 -->
            <td align="left" valign="top">3张</td><!-- 单元格 -->
        </tr>
    </table>
</body>
</html>